
<html>
<head>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<link rel="stylesheet" type="text/css" href="https://trollvlhcv.googlecode.com/svn/trunk/recentpost/colorpicker.css" media="all" />
<script type='text/javascript'src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script> 
<script type="text/javascript" src="https://trollvlhcv.googlecode.com/svn/trunk/recentpost/jquery.validationEngine.js"></script>
<script type="text/javascript" src="https://trollvlhcv.googlecode.com/svn/trunk/recentpost/colorpicker.js"></script>
<script type="text/javascript" src="https://trollvlhcv.googlecode.com/svn/trunk/recentpost/widget.js"></script>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<script type='text/javascript'>

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-37379811-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<title>Tạo cửa sổ dạng Popup với jQuery</title>
<style type="text/css">
.text-input, .select-box{
	margin:0 2px;
	padding:4px 6px;
	border: 1px solid #F9780E;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: gergia;
	font-style: italic;

	-webkit-box-shadow: 1px 1px 1px #FC7507;
	-moz-box-shadow: 1px 1px 1px #FC7507;
	box-shadow: 1px 1px 1px #FC7507;
	font-size: 14px;
	color: #666;
	max-width:auto;
}
.textarea-box, .textareaBox{
	border:1px solid #F9780E;
	padding:6px;
	-webkit-resize: none;
	-moz-resize: none;
	resize: none;
	-webkit-box-shadow: 1px 1px 1px #dfdfdf;
	-moz-box-shadow: 1px 1px 1px #dfdfdf;
	box-shadow: 1px 1px 1px #dfdfdf;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.textareaBox{
	display:block;
	width:90%;
	padding:10px;
	max-width:98%;
	margin:20px auto;
	max-height:600px;
	min-height:200px;
}

			body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:18px;
}

label       { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:15px; font-weight:bold; }

fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
			#outer-wrapper {font-family: Verdana, Arial;}
			#content-wrapper { width: 98%; max-widtd:980px;  margin: 0 auto;  padding: 5px;  text-align: left; 
background:#FFFFFF;
}
			#content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #FFFFFF;font-size:16px;color:#000;border:1px solid #111;
}
</style>
<script type='text/javascript'>
//<!--
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('l 2F(){5 1o=8.a("1M")[0].1G;5 1f=8.a("2g")[0].3;5 11=8.a("1I")[0].3;5 18=8.a("2f")[0].3;5 1a=8.a("2l")[0].3;5 1b=8.a("1E")[0].3;5 1c=8.a("1H")[0].3;5 1d=8.a("1J")[0].3;5 t=8.a("23")[0].3;5 4=8.a("1h")[0];4.3="<1s 2z=\\"r\\/1D\\">\\n";4.3+="$(8).1F(l(){\\n";4.3+="$(\\"#P\\").1u();\\n";4.3+="	$(\\".1C-17\\").1z(l(){\\n";4.3+="	  $(\\"#P\\").1S(\\"1T\\");\\n";4.3+="	  $(1U).1V(\\"1W\\");\\n";4.3+="	});\\n";4.3+="\\n";4.3+="l Q()  {\\n";1y(1o){4.3+="5 Y = "+t+"\\n";4.3+="5 1x = 2y(l() {\\n";4.3+="   $(\\"#i 2G\\").r(Y--);\\n";4.3+="   1y (Y == 0) {\\n";4.3+="      $(\\"#i\\").1t(\\"2I\\");\\n";4.3+="      2R(1x);\\n";4.3+="   }\\n";4.3+="}, "+t+"2T);\\n"}2W{4.3+=""}4.3+="  5 15 = 9(m).d();\\n";4.3+="  5 T = 9(\\"#i\\").d();\\n";4.3+="  5 U = 9(m).1q()+1K;\\n";4.3+=" 9(\\"#i\\").1L({\\"v\\":U});}\\n";4.3+="9(m).1N(Q).1O(Q)\\n";4.3+=" \\/\\/1P(9.1Q(\'1R\'));\\n";4.3+=" \\/\\/5 1p = 9(m).j();\\n";4.3+=" \\/\\/5 1g = 9(\\"#i\\").j();\\n";4.3+=" \\/\\/5 13 = (1p-1g)\\/2;\\n";4.3+="   5 13 = 1X;\\n";4.3+=" \\/\\/5 15 = 9(m).d();\\n";4.3+=" \\/\\/5 T = 9(\\"#i\\").d();\\n";4.3+=" \\/\\/5 U = (9(m).1q()+15-T) \\/ 2;\\n";4.3+=" 9(\\"#i\\").1Y({20: \\"1\\", u: \\"0\\" , u:  13},\\n 0).1u();\\n";4.3+="     9(\\"#1e\\").1z(l() {\\n";4.3+="9(\\"#i\\").1t().2h();});});\\n";4.3+="<\\/1s>\\n";4.3+="<s R=\'i\' 6=\'2A: 2B;v:2C;z-2D:2E;2Y:o;E:F;h:f;7-j:k;7-6:19;7-e:#"+1c+"; 7=\'0\' 12=\'0\' O=\'0\'>";4.3+="<x 6=\'y:#"+18+"\'>\\n";4.3+="<p 6=\'7:o;r-q:u;d:1l;e:#"+1a+";b-K:J,I-H;b-B:"+1b+"11;b-N:L;h:f k c k;G:C\'>\\n";4.3+="<A 1Z=\'1i:\\/\\/21.22.1j\\/24\\/25\\/26-27-28-29-2a-2b-2c.2d\' 2e=\'1k 16 1m\' 2i=2j 6=\'r-2k:o;1n:u\'>\\n";4.3+="<2m 7=0 2n=\'1i:\\/\\/1.2o.2p.1j\\/-2q\\/2r\\/2s\\/2t\\/2u\\/2v.2w\' 2x=\'1k 16 1m\'><\\/A>\\n";4.3+="<g 6=\'M-u:1l\'>"+11+" <\\/g>\\n";4.3+="<p 6=\'7:o;G:C;V-q:v;h:c\'>\\n";4.3+="<g 6=\'1n:1r;r-q:1r\'><s 7=\'0\' 12=\'0\' O=\'0\' 6=\'j:c\'>\\n";4.3+="<x>\\n";4.3+="<p 6=\'7:o;G:C;V-q:v;h:c\'>";4.3+="<g 6=\'h:c;M:f;S-d:w;b-K:J,I-H;b-B:10;E:F;7:1v k #1w;j:Z;d:Z;e:#D;y-e:#14;b-N:L\'>\\n";4.3+="<g 2J=\'1C-17\' 6=\'h:f;M:f;S-d:w;b-K:J,I-H;b-B:10;E:F;7-6:19;7-e:#D;7-j:f f k f;j:w;d:2K;e:#D;y-e:#14;b-N:L\'>&2L;<\\/g>\\n";4.3+="<\\/g>\\n";4.3+="<p 6=\'7:o;G:C;V-q:v;h:c c c c\'>\\n";4.3+="<g R=\'1e\' 6=\'r-q:u;h:c c c k;M:f;S-d:w;b-K:J,I-H;b-B:10;E:F;7:1v k #1w;j:w;d:Z;e:#D;y-e:#14;b-N:L\'>X<\\/g>\\n";4.3+="<\\/s>\\n";4.3+="<\\/g>\\n";4.3+="<x 6=\'y-e:#"+1d+"\'>\\n";4.3+="<p 2M=2 6=\'h:f\'>\\n";4.3+="<s R=\'P\' 12=\'0\' O=\'0\' 7=\'0\'>\\n";4.3+="<x>\\n";4.3+="<p>\\n";4.3+=""+1f+"\\n";4.3+="<x>\\n";4.3+="<\\/s>\\n";4.3+="<\\/s>\\n";8.a("2N")[0].2O=2P}l 2Q(){5 1A=8.a(\'2S\')[0].3+8.a(\'1h\')[0].3;1B=m.2U(\'\',\'2V\',\'\');5 W=1B.8;W.2X(\'\'+1A+\'\');W.2H()}',62,185,'|||value|widget|var|style|border|document|jQuery|getElementsByName|font|1px|height|color|0px|DIV|padding|mdpopup2013|width|2px|function|window||none|TD|align|text|TABLE||left|top|10px|TR|background|||size|default|000000|overflow|hidden|cursor|serif|sans|Tahoma|family|bold|margin|weight|cellpadding|Minimizable|makingdifferent_ppopup|id|line|mdpph|mdfromTop|vertical|tmp||sec|11px|10pt|pt|cellspacing|mdleftm|E0E0E0|mdwh|This|slide|tbc|solid|tfc|tfs|bc|cbc|mdclose|contentarea|mdppw|mdcode|http|com|Grab|18px|Widget|float|showtime|mdww|scrollTop|right|script|fadeOut|show|outset|FFFFFF|timer|if|click|demodata|newwindow|btn|javascript|mdtfs|ready|checked|mdbc|mdpt|mdcbc|50|css|mdshowtime|fadeIn|resize|alert|cookie|sreqshown|slideToggle|fast|this|toggleClass|active|500|animate|href|opacity|www|trollvl|mdt|2013|01|cong|cu|tao|khung|popup|cho|blogwebsite|html|title|mdtbc|mdcontentarea|hide|target|_blank|decoration|mdtfc|IMG|src|bp|blogspot|2CCLsGvCXLY|UPQWYBkzVAI|AAAAAAAAJxs|YlU4yF5FVtc|s1600|warning_trollvl|png|alt|setInterval|type|position|fixed|100px|index|9999|makingdifferentcodegen|span|close|slow|class|8px|nbsp|colspan|preview|disabled|false|mdpredemo|clearInterval|mdjs|00|open|name|else|write|display'.split('|'),0,{}))
//-->
</script>
</head>
<body>
<script>
<!--
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2B.2j(2G("%2a%e%3D%1Q-1T%27%3E%0%3K%1j%1m%t%2x%12%2C%Z%2H%2I%Y%3V%1O%20%3C/1V%3E%0%1W%3E%1Y%1Z%3C/24%3E%X%3E%0%2b%2%3D%2z%25%22%3E%0%m%3E%0%3%2%3D%k%25%27%3E%j%i%3D%4A%22%1N%W%20%o%V%t%1U%v%1i%3C/g%3E%3A%3C/4%3E%0%3%2%3D%h%25%27%3E%0%d%c%3D%9-6%27%8%3D%9%27%20%e%3D%1k%27%7%3D%1k%27%f%3D%3r%W%20%o%V%v%3v%27%n%3D%3P%27%3E%3C/6%3E%3C/4%3E%0%3C/l%3E%0%m%3E%0%3%2%3D%k%25%27%3E%j%i%3D%4f%22%z%u%L%T%1R%1S%W%20%o%V%3C/g%3E%3A%3C/4%3E%0%3%2%3D%h%25%27%3E%23%d%c%3D%x%y-6%27%8%3D%9%27%e%3D%1a%27%7%3D%1a%27%f%3D%1X%27%n%3D%p%27%3E%3C/6%3E%A%S%3D%D%22%3E%3C/E%3E%3C/4%3E%0%3C/l%3E%0%m%3E%0%3%2%3D%k%25%27%3E%j%i%3D%2f%22%z%u%1v%1E%3C/g%3E%3A%3C/4%3E%0%3%2%3D%h%25%27%3E%23%d%c%3D%x%y-6%27%8%3D%9%27%e%3D%18%27%7%3D%18%27%f%3D%19%27%n%3D%p%27%3E%3C/6%3E%A%S%3D%D%22%3E%3C/E%3E%3C/4%3E%0%3C/l%3E%0%m%3E%0%3%2%3D%k%25%27%3E%j%i%3D%2D%22%2E%2F%1v%1E%3C/g%3E%3A%3C/4%3E%0%3%2%3D%h%25%27%3E%F%3B%F%3B%d%c%3D%9-6%27%8%3D%9%27%e%3D%1f%27%7%3D%1f%27%f%3D%2S%27%n%3D%2T%27%3E%2V%3C/6%3E%3C/4%3E%0%3C/l%3E%0%3%2%3D%k%25%27%3E%j%i%3D%2W%22%38%3a%L%3f%3m%v%1i%20%3o%1h%Z%R%3x%29%3C/g%3E%3A%3C/4%3E%0%3%2%3D%h%25%27%3E%Q%c%3D%3T-3U%27%e%3D%1l%27%7%3D%1l%27%3X%3D%40%27%4a%3D%p%27%3E%4e%r%3D%4h-4u%3A%4x%22%3E%1n%1p%3D%22%1r%22%3E%1P%U%20-%M%1F%1H%20-%14%15%16%17%20-%K%N%K%O%P%3C/B%3E%3C/1c%3E%X%3E%0%20%20%20%20%2c%2d%12%1h%Z%R%t%2e%t%1d%t%2g%2h%1m%2i%1M%Y%2k%20%o%2l%2m%2n%2o%2p%2q%2r%2s%2t%20%2u%3E%1n%1p%3D%22%1r%22%U%3C/1c%3E%3C/b%3E%2v%2w%1e%2y%0%I%2A%3D%1g%20-%M%1F%1H%20-%14%15%16%17%20-%K%N%K%O%P%22%H%3D%C%22%w%3D%s%3A//J.G.q/2J/g/2K%2L%2M%2N-2O%2P%22%3E%0%2Q%Y%2R%20%o%1o%21%3C/a%3E%X%3E%0%20%20%20%20%I%w%3D%s%3A//J.G.q%22%H%3D%C%22%3E%0%20%20%20%20%2U%1q%3D%s%3A//1.2X.2Y.q/-2Z/30/31/32/33/34-35.36%22%37%3D%1g%20-%M%12%26%39%3B-%1s%26%3b%3B%3c%26%3d%3e%20-%1t%N%1t%26%3g%3B%26%3h%3i%22%r%3D%3j%3k%22%2%3D%3l%22%1u%3D%3n%22%3E%3C/a%3E%I%w%3D%s%3A//J.G.q%22%H%3D%C%22%3E%0%20%20%20%20%3C/a%3E%3C/10%3E%0%3C/4%3E%0%3C/l%3E%0%m%3E%0%3%2%3D%k%25%27%3E%j%i%3D%3p%22%z%u%3q%T%3C/g%3E%3A%3C/4%3E%0%3%2%3D%h%25%27%3E%23%d%c%3D%x%y-6%27%8%3D%9%27%e%3D%1w%27%7%3D%1w%27%f%3D%3s%27%n%3D%p%27%3E%3C/6%3E%A%S%3D%D%22%3E%3C/E%3E%3C/4%3E%0%3C/l%3E%0%m%3E%0%3%2%3D%k%25%27%3E%j%i%3D%3t%22%z%u%L%T%v%1s%1d%1e%3u%3C/g%3E%3A%3C/4%3E%0%3%2%3D%h%25%27%3E%23%d%c%3D%x%y-6%27%8%3D%9%27%e%3D%1x%27%7%3D%1x%27%f%3D%19%27%n%3D%p%27%3E%3C/6%3E%A%c%3D%D%22%3E%3C/E%3E%3C/4%3E%0%3C/l%3E%0%m%3E%0%3%2%3D%k%25%27%3E%d%e%3D%3w%27%7%3D%1y%22%3y%3D%3z%22%8%3D%3F%22%3E%j%i%3D%1y%22%1j%3G%20%0%o%3H%20%o%3I%3J%3C/g%3E%3A%3C/4%3E%3%2%3D%h%25%27%3E%F%3B%F%3B%d%c%3D%9-6%27%8%3D%9%27%e%3D%1z%27%7%3D%1z%27%f%3D%3L%27%n%3D%p%27%3E%20%3M%1o*%3C/6%3E%3C/4%3E%0%3C/l%3E%0%3C/3N%3E%0%3C/3O%3E%0%1A%3E%0%d%f%3D%27%3Q%3R%R%27%r%3D%3S-1B%3A%1C%3B%2%3A%1D%3B%27%8%3D%3W%27%11%3D%3Y%3Z%28%29%3B%27/%3E%d%r%3D%41-1B%3A%1C%3B%2%3A%1D%3B%22%8%3D%42%22%43%3D%44%22%7%3D%45%22%20%f%3D%46%47%O%P%22%20%11%3D%48%49%28%29%3B%22%20/%3E%3C/1G%3E%0%Q%c%3D%4b%27%7%3D%4c%27%4d%3D%13.1I%28%29%22%4g%3D%13.1J%28%29%22%11%3D%13.1J%28%29%4i.1I%28%29%22%r%3D%4j%3A%4k%4l%4m%25%4n%4o%3B%27%4p%3D%4q%27%3E%3C/10%3E%0%Q%7%3D%4r%22%r%3D%4s%3A%4t%3B%1u%3A%1K%3B%2%3A%1K%3B%22%3E%0%4v%1q%3D%4w%3A//1L.4y.q/1L/4z/1b/1.5/1b.4B.4C%27%3E%3C/4D%3E%0%3C/10%3E%0%1A%3E%I%H%3D%C%22%w%3D%s%3A//J.G.q/%22%U.4E%3C/a%3E%3C/1G%3E%0%3C/4F%3E%0"));',62,290,'0A||20width|3Ctd|td||input|20name|20type|27text|||20class|3Cinput|20id|20value|label|2740|20for|3Clabel|2760|tr|3Ctr|20size|u0111|276|com|20style|22http|20c|E0u|20khung|20href|27inputcolor|20text|3EM|3Cspan||22_blank|22colorbox|span|26nbsp|trollvl|20target|3Ca|www|20H|20n|20Chia|E0i|u01B0|u1EDBc|3Ctextarea|u1EE5ng|0Aclass|u1EC1n|3ETrollVL|u1EC1|EAu|3Cbr|20v|20d|textarea|20onclick|20s|22this|20Th|u1EE7|20Thu|u1EADt|27mdtfc|27FFFFFF|27mdtbc|jquery|font|F4ng|20b|27mdtfs|22TrollVL|u1EED|20Poup|3ET|27mdpt|27mdcontentarea|u1EA1o|3Cfont|E2y|20color|20src|23FF00FF|20th|20h|20height|20ch|27mdbc|27mdcbc|22mdshowtime|27mdt|3Ccenter|size|2022px|20175px|u1EEF|20S|center|u1EBB|select|focus|200px|ajax|20nhanh|3ETi|20jQuery|3CB|27content|20thanh|20ti|wrapper|u1EE7a|h2|3Cfieldset|274050F0|3Clegend|3ESettings|||||legend||||||3Cdiv|3Ctable|u0110|u1EC3|E1c|22mdtfc|u1EE5|20t|20widget|write|E0|u01A1n|20gi|u1EA3n|20nh|u1EA5t|20cho|20blogger|20tr|EAn|3Cb|20m|u1EDDi|u1EEDa|u1EA1n|22100|20title|document|u1ED5|22mdtfs|3EC|u1EE1|unescape|u1EA1ng|20Popup|search|Tool|2520For|2520Blogger|3Fmax|results|3D5|09Click|E0o|278|274|3Cimg|20pt|22mdcontentarea|bp|blogspot|kFPu8FiMQuo|UNVGjCOOkcI|AAAAAAAAH8o|iOMbgqsmWks|s400|shiny|TROLL|jpg|20alt|3ENh|237867|u1EADp|237911|20thu|237853|3Bt|u1ED9i|23432|237899|3Bc|22border|3A0|22248|20dung|22182|28S|22mdbc|20vi|27Ti|2709B0FF|22mdcbc|E1o|20popup|27mdshowtime|20HTML|20checked|22checked||||||22checkbox|u1EF1|u1ED9ng|F3ng|20sau|3Ch2|2710|0AGi|table|fieldset|2730|C1p|20D|27font|27textarea|box|u1EDBi|27button|20cols|27javascript|3Amakingdifferentcodegen|2746|22font|22button|20disabled|22disabled|22preview|22Xem|20Tr|22javascript|3Amdpredemo|20rows|27textareaBox|27mdcode|20onfocus|3Cp|22mdtbc|20onmouseover|22text|3Bthis|27background|23ffffff|3Bwidth|3A100|3Bheight|3A200px|20readonly|27readonly|22mdjs|22display|20none|align|3Cscript|27http|20center|googleapis|libs|22mdpt|min|js|script|Com|div'.split('|'),0,{}))//-->
</script></body>
</html>